<div class="wrap">
  <div class="wrap-content clearfix">
    <div class="left-img-box m-r-20 f-l img-box-com b-s" (click)="showPic(1)">
      <img src="/assets/imgs/effect.png" alt="">
      <div class="animation-com effect">
      </div>
      <div class="titel-box">
        <p class="title">效果图</p>
        <p class="title-en">Design Sketch</p>
      </div>
    </div>
    <div class="right-img-box f-l">
      <div class="right-top-img-box f-l">
        <div class="right-top-img-item f-l  m-r-16 img-box-com b-s" (click)="showPic(2)">
          <img src="/assets/imgs/construction.png" alt="">
          <div class="animation-com construction">
          </div>
          <div class="titel-box">
            <p class="title">施工图</p>
            <p class="title-en">Working Drawing</p>
          </div>
        </div>
        <div class="right-top-img-item f-l img-box-com b-s" (click)="showPic(3)">
          <img src="/assets/imgs/engineering.png" alt="">
          <div class="animation-com engineering">
          </div>
          <div class="titel-box">
            <p class="title">隐蔽工程图</p>
            <p class="title-en">Concealed Work</p>
          </div>
        </div>
      </div>
      <a class="right-bottom-img-box m-t-20 f-l img-box-com b-s" [attr.href]="this.drawingofconcealedwo[0]?.source?.d" target="_blank" >
          <img src="/assets/imgs/panorama.png" alt="">
          <div class="animation-com panorama">
          </div>
          <div class="titel-box">
            <p class="title">全景图</p>
            <p class="title-en">Panorama</p>
          </div>
      </a>
     
    </div>

  </div>
</div>
<div id="box" >
  <p-dialog [(visible)]="showPicDialog" modal="650" width="800" >
    <div class="picBox">
      <span class="cancel" (click)="showPicDialog=false">×</span>
      <p-galleria [images]="images" showDialog="true" (onChange)="activeIndex = $event.index" panelWidth="776" panelHeight="480"
        [autoPlay]="false" showCaption="true" activeIndex="pic"></p-galleria>
    </div>
  </p-dialog>
</div>


<!-- <div class="table-row">
        <div class="table-cell text-right p-l-25 v-a-t">
          效果图：
        </div>
        <div class="table-cell mi-w-800">
          <div class="pull-left load-img">
            <p-lightboxfile [showDelete]="false" styleClass="inline-block" [images]="photourl"></p-lightboxfile>
          </div>
        </div>
      </div>

      <div class="table-row">
        <div class="table-cell text-right p-l-25 v-a-t">
          全景图：
        </div>
        <div class="table-cell mi-w-800">
          <div class="pull-left load-img">
            <p-lightboxfile [showDelete]="false" styleClass="inline-block" [images]="photourl"></p-lightboxfile>
          </div>
        </div>
      </div>

      <div class="table-row">
        <div class="table-cell text-right p-l-25  v-a-t">
          施工图：
        </div>
        <div class="table-cell" style="width:500px;">
          <div class="pull-left load-img">
            <p-lightboxfile [showDelete]="false" styleClass="inline-block" [images]="photourl"></p-lightboxfile>
          </div>
        </div>
      </div>

      <div class="table-row">
        <div class="table-cell text-right p-l-25  v-a-t">
          隐蔽工程图：
        </div>
        <div class="table-cell">
          <div class="pull-left load-img">
            <p-lightboxfile [showDelete]="false" styleClass="inline-block" [images]="photourl"></p-lightboxfile>
          </div>
        </div>
      </div> -->
